<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    table,td,th{
      border: 1px solid red;
      border-collapse: collapse;
    }
    table{
      width: 100%;
    }

    th{
      height: 30px;
      background-color: aquamarine;
      text-align: center;
      vertical-align: bottom;
    }
    td{
      height: 30px;
      /*填充部分，不可使用*/
      padding: 5px;
      /*水平对齐*/
      text-align: left;
      /*    垂直对齐*/
      vertical-align: bottom;
    }
  </style>
</head>
<body>
<table>
  <thead>
  <tr>
    <th>ID</th>
    <th>姓名</th>
    <th>年龄</th>
    <th>性别</th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td>20241227001</td>
    <td>xiaoming</td>
    <td>21</td>
    <td>男</td>
  </tr>
  <tr>
    <td>20241227001</td>
    <td>xiaoming</td>
    <td>21</td>
    <td>男</td>
  </tr>
  <tr>
    <td>20241227001</td>
    <td>xiaoming</td>
    <td>21</td>
    <td>男</td>
  </tr>
  </tbody>

</table>
</body>
</html>